<nz-card id="article" *ngIf="pageName === 'statute'">
  <div class="details-content-text">
    <nz-spin [nzSpinning]="isSpinning" nzTip="Loading...">
      <div nz-row [nzGutter]="[16, 24]" nzAlign="middle">
        <div nz-col nzSpan="24">
          <nz-affix [nzOffsetTop]="20">
            <div nz-row [nzGutter]="[16, 24]" nzAlign="middle">
              <div nz-col nzSpan="14">
                <nz-input-group [nzPrefix]="prefixTemplateUser" nzSize="large">
                  <input
                    type="text"
                    [(ngModel)]="searchContent"
                    (ngModelChange)="ngModelChange($event)"
                    nz-input
                    placeholder="请输入要查询的关键词"
                    (keyup)="jianTingKey($event)"
                  />
                </nz-input-group>
                <ng-template #prefixTemplateUser><i nz-icon nzType="search"></i></ng-template>
              </div>
              <div nz-col nzSpan="2">
                <button nz-button nzType="primary" nzSize="large" (click)="highLight(searchContent)">搜索</button>
              </div>
              <div nz-col nzSpan="4">
                <label nz-checkbox [(ngModel)]="checked" [nzDisabled]="disabled" (ngModelChange)="checkBox(searchContent)">
                  <span class="article-gaoliang"
                    >共<b class="article-wordsNum">{{ wordsNum }}</b
                    >处高亮</span
                  ></label
                >
              </div>
              <div nz-col nzSpan="4" class="article-details-space">
                <nz-space>
                  <i *nzSpaceItem nz-icon nzType="file-word" nzTheme="twotone"></i>
                  <i *nzSpaceItem nz-icon nzType="file-pdf" nzTheme="twotone" (click)="downLoadJspdf()"></i>
                  <i *nzSpaceItem nz-icon nzType="mail" nzTheme="twotone"></i>
                  <i *nzSpaceItem nz-icon nzType="star" nzTheme="twotone"></i>
                </nz-space>
              </div>
            </div>
          </nz-affix>
          <nz-divider></nz-divider>
        </div>
        <nz-skeleton [nzActive]="true" *ngIf="skeleton"></nz-skeleton>
        <nz-skeleton [nzActive]="true" *ngIf="skeleton"></nz-skeleton>
        <nz-skeleton [nzActive]="true" *ngIf="skeleton"></nz-skeleton>
        <div nz-col nzSpan="24" *ngIf="!skeleton">
          <div nz-row [nzGutter]="[16, 24]">
            <div nz-col nzSpan="18" class="details-content-title">
              <nz-card style="border-radius: 0px">
                <h1 *ngIf="responseData.title" [innerHTML]="responseData.title | html"></h1>
                <h1 style="color: rgb(161, 161, 161)" *ngIf="!responseData.title">暂无标题</h1>
                <span>发布时间: </span>
                <span [innerHTML]="responseData.publishTime | html"></span>
                <nz-divider nzType="vertical"></nz-divider>
                <a target="_blank" href="{{ responseData.url }}">原网页</a>

                <nz-divider></nz-divider>
                <div class="details-content-article">
                  <p [innerHTML]="responseData.content | html"></p>
                </div>
              </nz-card>
            </div>
            <div nz-col nzSpan="6">
              <nz-card nzTitle="基本信息" style="border-radius: 0px">
                <p>
                  <span><b>发布时间：</b></span>
                  <span [innerHTML]="responseData.publishTime | date: 'YYYY-MM-dd'"></span>
                </p>
                <p>
                  <span><b>关键字：</b></span>
                  <span>{{ responseData.title }}</span>
                </p>
              </nz-card>
            </div>
          </div>
        </div>
      </div>
      <nz-divider></nz-divider>
    </nz-spin>
  </div>
</nz-card>
<app-event-details *ngIf="pageName === 'publicSentiment'"></app-event-details>
<nz-back-top></nz-back-top>
